<div class="card-block bg-white">

  <div class="block">
    <div class="form-group" style="margin-top: 1.25rem">
      <a routerLink="/user/userGroups/new">
        <button class="btn btn-primary">
          <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40"
               style="vertical-align: middle;">
            <g>
              <path
                d="m13.7 20q-3.1 0-5.3-2.2t-2.2-5.3 2.2-5.2 5.3-2.2 5.2 2.2 2.2 5.2-2.2 5.3-5.2 2.2z m18.6 2.5h6.8q0.3 0 0.5 0.2t0.2 0.4v3.7q0 0.3-0.2 0.5t-0.5 0.2h-6.8v6.8q0 0.2-0.2 0.4t-0.4 0.2h-3.7q-0.3 0-0.5-0.2t-0.2-0.4v-6.8h-6.8q-0.3 0-0.4-0.2t-0.2-0.5v-3.7q0-0.2 0.2-0.4t0.4-0.2h6.8v-6.8q0-0.3 0.2-0.5t0.4-0.2h3.8q0.2 0 0.4 0.2t0.2 0.5v6.8z m-14.3 4.3q0 1 0.7 1.8t1.8 0.7h5v4.6q-1.4 1-3.4 1h-16.9q-2.4 0-3.8-1.3t-1.4-3.7q0-1 0.1-2t0.2-2.1 0.6-2.2 0.8-1.8 1.2-1.6 1.7-1.1 2.1-0.3q0.4 0 0.8 0.3 1.5 1.2 3 1.8t3.2 0.6 3.2-0.6 3-1.8q0.3-0.3 0.7-0.3 2.6 0 4.2 1.8h-4.3q-1 0-1.7 0.8t-0.8 1.7v3.7z"></path>
            </g>
          </svg><!-- react-text: 9360 --> <!-- /react-text --><!-- react-text: 9361 -->创建用户组<!-- /react-text --></button>
      </a>
      <div style="display: flex;float: right">
        <div><button class="btn btn-secondary" style="border-bottom-right-radius: 0;border-top-right-radius: 0;">组名</button></div>
        <input type="text" [(ngModel)]="queryData.properties.name_like" class="from-input" style="border-left: 0px;border-right: 0px;">
        <div><button class="btn btn-secondary" style="border-bottom-left-radius: 0;border-top-left-radius: 0;" (click)="query()">搜索</button></div>
      </div>
      <div style="clear: both"></div>
    </div>
    <div class="box" style="margin-top: 1.25rem">
      <div class="box-body no-padding">
        <table class="table table-striped">
          <tr>
            <th>名称</th>
            <th>描述</th>
            <th>所有者</th>
            <th>人员数</th>
            <th>操作</th>
          </tr>
          <tr *ngFor="let d of data; let i = index;">
            <td><a routerLink="/user/userGroups/{{d.code}}/edit">{{d.name}}</a></td>
            <td>{{d.remark}}</td>
            <td>{{d.creator}}</td>
            <td>{{d.userNumber}}</td>
            <td><a routerLink="/user/userGroups/{{d.code}}/edit">修改</a>&nbsp;&nbsp;<a href="javascript:;" [name]="d.code" (click)="delete($event)">删除</a></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>
